<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="transferenciaList.title"/></title>
    <meta name="heading" content="<fmt:message key='transferenciaList.heading'/>"/>    
</head>

<form:form id="transferenciaList">

<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/transferencias/transferenciaform.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>
        
    <input type="button" class="button"
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>

<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">
	
	<div>
    	<fmt:message key="common.documento"/><br/>
		<input id="deDocumento" class="text medium" name="deDocumento" maxlength="20"/>
   </div><br/>
	
	<div>
     	<fmt:message key="common.fechainiciodoc"/><br/>
		<input id="inicioDocumentoID" name="inicioDocumento" class="text medium" maxlength="12" size="11" />
		<input type="button" class="buttoncal" id="inicioDocumentoCal" value="..."/>  [<fmt:message key="date.format"/>]
		<script type="text/javascript">
          new Calendar({
                  inputField: "inicioDocumentoID",		
                  dateFormat: "%d/%m/%Y",
                  trigger	: "inicioDocumentoCal",	
                  bottomBar	: false,
                  onSelect	: function() {
                 		  this.hide();
                  }
          });
        </script>
    </div><br/>
    
    <div>
     	<fmt:message key="common.fechafindoc"/><br/>
		<input id="finDocumentoID" name="finDocumento" class="text medium" maxlength="12" size="11" />
		<input type="button" class="buttoncal" id="finDocumentoCal" value="..."/>  [<fmt:message key="date.format"/>]
		<script type="text/javascript">
          new Calendar({
                  inputField: "finDocumentoID",		
                  dateFormat: "%d/%m/%Y",
                  trigger	: "finDocumentoCal",	
                  bottomBar	: false,
                  onSelect	: function() {
        	  			this.hide();
                  }
          });
        </script>
    </div><br/><br/>
    
    <div> 					
		<input type="button" onclick="buscarTransferencias()" 
		value="<fmt:message key="button.search"/>"/>			
 	</div>
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" /><br/><br/>
<table id="transferencias" cellpadding="0" class="table" cellspacing="0" style="width: 700px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="common.documento"/></th>
            <th scope="col"><fmt:message key="common.fechadoc" /></th>
		</tr>
	</thead> 
	<tbody id="transferenciasbody">
		<tr id="pattern" style="display:none;">
			<td><span id="tableDocumento"></span></td>
			<td><span id="tableFechaDoc" ></span></td>
		</tr>
		<c:forEach var="bntransferencia" items="${listatransf}" varStatus="status">
			<c:choose>
				  <c:when test="${status.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
            	<td>
					<a href="<c:url value="/transferencias/transferenciaform.html?id=${bntransferencia.id}&amp;from=list"/>">					
						${bntransferencia.deDocumento}
					</a>            	
				</td>
                <td>${bntransferencia.daFechaDocumento}</td>
		</c:forEach>
	</tbody>
</table>

<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">

	function buscarTransferencias(){
	
		var deDocumento 	 = dwr.util.getValue("deDocumento");
        var finDocumento 	 = dwr.util.getValue("finDocumentoID");
        var inicioDocumento  = dwr.util.getValue("inicioDocumentoID");        

        TransferenciaService.busquedaListaTransferencias(
        finDocumento,inicioDocumento,deDocumento,
        function(data) {

        	dwr.util.removeAllRows("transferenciasbody", { filter:function(tr) {
       	      return (tr.id != "pattern");
       	    }});

        	var contador  = 0;
        	var bntransferencia,url;
      	    for (var i = 0; i < data.length; i++) {

      	    	bntransferencia = data[i];
    	    	contador = contador + 1;

    	      	dwr.util.cloneNode("pattern", { idSuffix:contador });
    	      	url = "<a href='/clubpgnweb/transferencias/transferenciaform.html?id=" +
    	      	bntransferencia.id + "'>" + bntransferencia.deDocumento + "</a>";
    	      	
    	      	dwr.util.setValue("tableDocumento" + contador, url, { escapeHtml:false });

    	      	dwr.util.setValue("tableFechaDoc"  + contador, bntransferencia.daFechaDocumento, { escapeHtml:false });
    	      	
    	      	if(i % 2 == 0){
					$("pattern" + contador).className = "odd";
				}
				else{
					$("pattern" + contador).className = "even";
				}
	    	      
	    	    $("pattern" + contador).style.display = "";
          	}			
        });
    }

</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/TransferenciaService.js"/>"></script>